<template>
   <el-container>
      <el-aside width="">
         <Aside></Aside>
      </el-aside>
      <el-container>
         <el-header>
            <Header></Header>
         </el-header>
         <el-main>
            <router-view></router-view>
         </el-main>
      </el-container>
   </el-container>
</template>

<script>
   import Header from './shared/Header';
   import Aside from './shared/Aside';

   export default {
      name: 'App',
      components: {
         Header, Aside
      }
   }
</script>

<style>
   html, body {
      height: 100%;
   }

   .el-menu-item-group__title {
      padding: 0;
   }

   .el-container {
      height: 100%;
   }

   .el-header {
      line-height: 60px;
      padding: 0;
   }

   .el-aside {
      height: 100%;
      background-color: rgb(84, 92, 100);
      border-right: 1px solid #474D55;
   }

   .el-menu {
      border: none;
   }

   .el-main {
      height: 100%;
   }

   .hengxian {
      margin: 20px 0;
      border-top: 1px solid #1f6fb2;
   }

   .el-icon-edit, .el-icon-edit-outline, .el-icon-success {
      color: green;
      cursor: pointer;
   }

   .el-icon-delete, .el-icon-edit {
      margin-left: 9px;
   }

   .el-icon-delete, .el-icon-error {
      color: red;
      cursor: pointer;
   }

   .el-main {
      background-color: #fff;
   }

   /*侧边栏主菜单高度*/
   .el-menu-item, .el-submenu__title {
      height: 45px;
      line-height: 45px;
   }

   /*侧边栏子菜单的高度*/
   .el-submenu .el-menu-item {
      height: 35px;
      line-height: 35px;
   }

   /*分页样式*/
   .page {
      margin-top: 15px;
   }

   .el-pagination {
      float: right;
   }

</style>

